import 'package:flutter/material.dart';

import 'package:wis_flutter/bottomBar.dart';     // 底部导航条
import 'package:wis_flutter/index.dart';        // wis flutter 组件 



// 详情
class DetailsPage extends StatelessWidget {

    @override
    Widget build(BuildContext context) {
      return Scaffold(
          appBar: AppBar( title: const Text('详情页') ),  // 头部导航条
          bottomNavigationBar: BottomBarWidget(),       // 底部导航条
          backgroundColor: Colors.blue[10],
          body: ListView(
              children: <Widget>[
 
                WisCardview1(
                  title:"卡片1",
                  // // 默认按钮配置
                  defaultBtnConfig:{
                    "text":"详情",
                    "color": Color.fromRGBO(25,190,107,1),
                    "icon": Icons.chevron_right,
                    "onClick":(option){
                        // print(option);
                    }
                  },  
                  content:"内容",   // 内容   
                  children :[
                    {
                      "label":"开始时间",
                      "value":"2020年11月21日 12:11:12",  
                    },
                    {
                      "label":"结束时间",
                      "value":"2026年01月08日 21:09:11",  
                    }       
                  ],
                  buttonList:[
                    {
                      "label":"到供应商",
                      "onClick":(option){
                        // print(option);
                      }
                    },
                    {
                      "label":"收件箱",
                      "icon":Colors.brown,
                      "onClick":(option){
                        // print(option);
                      }
                    }                                                       
                  ]                                               
                ),

                WisTextLabelLine(text:'Table-纵向'),
                WisListPageTableVertical(
                    data:[
                        {
                          "name": "姓名",
                          "value": "你的那份",
                        },
                        {
                          "name": "尔姓名姓",
                          "value": "sdaasass",
                        }
                    ]                    
                ),

                WisTextLabelLine(text:'Table-横向'),
                WisListPageTableCross(
                    columns:[
                        { "key":"name1","name":"姓名" },
                        { "key":"name2","name":"时间" },
                    ],
                    data:[
                        {
                          "name1": "的111111111111111111",
                          "name2": "多1111111111111111111岁的",
                        },
                        {
                          "name1": "尔尔",
                          "name2": "突然一天",
                        }
                    ]
                ),

                // 图片
                Padding(
                  padding: EdgeInsets.fromLTRB(8,8,8,8),
                  child: Image.asset(
                    "assets/images/img2.png",
                    // "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1570190499,3408240602&fm=26&gp=0.jpg",
                    fit: BoxFit.cover,
                    height: 200,
                  )
                ),

                // 文本
                Padding(
                  padding: EdgeInsets.fromLTRB(8,8,8,8),
                  child: Text(
                    "      我叫马亨德拉·苏贝迪，是尼泊尔国家通讯社高级副编辑。我认为，“一带一路”是一块经济蛋糕，覆盖面广，涉及宽领域多层次的合作，有助于各参与国深化合作、协同发展"
                    "可以肯定的是，通过促进经济一体化和强化基础设施建设，“一带一路”倡议使我们距离共创人类美好未来的目标又近了一步"
                    "我的国家尼泊尔在2017年与中国签署了“一带一路”合作备忘录，正式加入了“一带一路”倡议。我坚信“一带一路”倡议极具远见，为各方提供了互利合作和建立伙伴关系的机遇。",
                    style: TextStyle(
                      fontSize: 14
                    )
                  )
                )



                
                 
              ],
          )
      ); 
    }
}




